import React from "react";
import { useTranslation } from "react-i18next";

import './StudyInfo.styl'

const StudyInfo = props => {
  const {
    accNumber,
    studyTime,
    studyMethod,
    bodyPart,
    modality,
  } = props;

  const { t } = useTranslation("Measurements");

  return (<div className="studyinfo">
    <div className="item">{t("Acc Number")} {accNumber}</div>
    <div className="item">{t("Study Time")} {studyTime}</div>
    <div className="item">{t("Modality")} {modality}</div>
    <div className="item">{t("Body Part")} {bodyPart}</div>
    <div className="item">{t("Study Method")} {studyMethod}</div>
  </div>);
}

export default StudyInfo;
